<template>
    <div class="index">
        <div @click="visablute = true">父组件点击弹框</div>
        <mydialogs :visablute="visablute" @classDialog="classDialog"></mydialogs>
    </div>
</template>
<script>
import mydialogs from '../components/Dialog/dialogs'
export default {
    data() {
        return {
            visablute: false
        }
    },
    // name: 'mydialogs',
    components: {
        mydialogs
    },
    methods: {
        classDialog() {
            this.visablute = false
        }
    },
}
</script>
<style lang="scss" scoped></style>